<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>个人中心</title>
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/bootstrap-4.2.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath }/user/SUI_Mobile/sm.min.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath }/user/SUI_Mobile/sm-extend.min.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/user/css/common.css">
</head>
<body>
  <div class="container">
    <header class="bar bar-nav header">
      <h1 class='title'>个人中心</h1>
      <c:if test="${not empty user }">
	      <a class="button button-round pull-right logoutBtn" href="${pageContext.request.contextPath }/logout?method=userLogout">注销</a>
      </c:if>
    </header>
    <!-- 中间，记录显示 -->
    <div class="mainContent">
      <div class="topInfo">
        ​<img src="${pageContext.request.contextPath }/user/images_user/favicon.png" alt="">
        <c:if test="${not empty user}">
          <span><strong>${user.username}</strong></span>
        </c:if>
        <c:if test="${empty user}">
          <span><a href="../login.jsp"><strong>未登录</strong></a></span>
        </c:if>
      </div>
      <hr class="hrSeperate">
      <div class="list-block">
        <ul>
          <c:if test="${not empty user }">
	          <li>
	            <div class="item-content">
	              <a class="item-inner" href="myInfo.jsp">
	                                                个人信息
	                <span class="icon icon-right"></span>
	              </a>
	            </div>
	          </li>
	          <li>
	            <div class="item-content">
	              <a class="item-inner" href="myPassword.jsp">
	                                                 密码修改
	                <span class="icon icon-right"></span>
	              </a>
	            </div>
	          </li>
	          <li>
	            <div class="item-content">
	              <a class="item-inner systemInfoListA" href="${pageContext.request.contextPath }/me?method=getSystemInfoList">
	                                                 系统公告
	                <span class="icon icon-right"></span>
	              </a>
	            </div>
	          </li>
          </c:if>
          <c:if test="${empty user }">
            <li>
              <div class="item-content">
                <a class="item-inner" href="../login.jsp">
                                                  个人信息
                  <span class="icon icon-right"></span>
                </a>
              </div>
            </li>
            <li>
              <div class="item-content">
                <a class="item-inner" href="../login.jsp">
                                                   密码修改
                  <span class="icon icon-right"></span>
                </a>
              </div>
            </li>
            <li>
              <div class="item-content">
                <a class="item-inner systemInfoListA" href="../login.jsp">
                                                   系统信息
                  <span class="icon icon-right"></span>
                </a>
              </div>
            </li>
          </c:if>
        </ul>
      </div>
    </div><!-- end of .mainContent -->
    <!-- 底部，导航栏 -->
    <footer class="footer">
      <nav class="bar bar-tab">
        <a class="tab-item" href="../01/home.jsp">
          <span class="icon icon-home"></span>
          <span class="tab-label">首页</span>
        </a>
        <a class="tab-item" href="../02/issue.jsp">
          <span class="icon icon-edit"></span>
          <span class="tab-label">发贴</span>
        </a>
        <c:if test="${not empty user }">
          <a class="tab-item" href="${pageContext.request.contextPath }/myIssue?method=getMyIssueArticleList&uid=${user.uid}">
            <span class="icon icon-message"></span>
            <span class="tab-label">贴子</span>
          </a>
        </c:if>
        <c:if test="${empty user }">
          <a class="tab-item" href="../03/myIssue.jsp">
            <span class="icon icon-message"></span>
            <span class="tab-label">贴子</span>
          </a>
        </c:if>
        <a class="tab-item active" href="../04/me.jsp">
          <span class="icon icon-me"></span>
          <span class="tab-label">我</span>
        </a>
      </nav>
    </footer>
  </div> <!-- end of .container -->

  <script type='text/javascript' src='${pageContext.request.contextPath }/user/SUI_Mobile/zepto.min.js' charset='utf-8'></script>
  <script type='text/javascript' src='${pageContext.request.contextPath }/user/SUI_Mobile/sm-extend.min.js' charset='utf-8'></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/bootstrap-4.2.1/js/bootstrap.min.js" charset="utf-8"></script>
</body>
</html>